<template>
  <div class="container">
    <!-- <el-page-header @back="goBack" content="预定详情"> </el-page-header> -->
    <div class="title">会 议 室</div>
    <div class="context">{{ meetingName }}</div>
    <div class="title">会议时间</div>
    <div class="context">
      {{ date + ' ' + form.开始时间 + '至' + form.结束时间 }}
    </div>
    <div class="title">预订人员</div>
    <div class="context">
      {{ form.预订人员 }}
    </div>
    <div class="title">联系电话</div>
    <div class="context">
      {{ form.联系电话 }}
    </div>
    <div class="title">所属部门</div>
    <div class="context">
      {{ form.所属部门 }}
    </div>
    <!-- <div class="title">预订状态</div>
    <div class="context">
      {{ form.预订状态 }}
    </div> -->
    <div class="title">服务要求</div>
    <div class="context">
      {{ form.服务需求 }}
      <!-- <el-input
        type="textarea"
        :rows="3"
        placeholder="请输入内容"
        v-model="form.服务需求"
        disabled
      >
      </el-input> -->
    </div>
    <!-- <div class="title">反馈信息</div>
    <div class="context">
      <el-input
        type="textarea"
        :rows="3"
        placeholder="请输入内容"
        v-model="feedbackInfo"
      >
      </el-input>
    </div> -->
    <!-- <div style="text-align: center">
      <el-button type="danger" @click="refuseMeetingApply">拒 绝</el-button>
      <el-button type="primary" @click="agreeMeetingApply">同 意</el-button>
    </div> -->
  </div>
</template>

<script>
export default {
  data () {
    return {
      date: '',
      meetingName: '',
      // feedbackInfo: '',
      // VID: '0',
      ID: '',
      // formResult: {
      //   icon: 'warning',
      // },
      form: {
      }
    }
  },
  beforeRouteEnter (to, from, next) {
    if (from.name === "ScheduleCRList") {
      next((vm) => {
        vm.ID = from.params.ID
        vm.date = from.params.date
        vm.meetingName = from.params.meetingName
        vm.getMeetingRecordDetail()
      })
    }
    else {
      next()
    }
  },
  methods: {
    async getMeetingRecordDetail () {
      var url = 'ConferenceRoom/GetMeetingRecordDetail?ID=' + this.ID
      const { data } = await this.$Http.get(url)
      this.form = data[0]
    },
    // goBack () {
    //   history.back()
    // },
  }
}
</script>

<style lang="scss" scoped>
.title {
  padding: 20px 50px;
  font-size: 30px;
}
.context {
  padding: 20px 50px;
  font-size: 25px;
  color: #696969;
}
.submitButtom {
  position: fixed;
  bottom: 50px;
  width: 100%;
  height: 8%;
}
.el-page-header {
  line-height: 100px;
  height: 100px;
  background-color: #409eff;
  margin-bottom: 30px;
  color: white;
}
</style>
